<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--<link rel="stylesheet" type="text/css" href="base.css" />-->
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="font/Hui-iconfont/iconfont.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<style type="text/css">
			#topbar_xiao {
				min-width: 1200px;
				background-color: #F8F8F8;
				overflow: hidden;
			}
			
			#footer,
			.inner_xiao {
				width: 1200px;
				margin: auto;
				/*overflow: hidden;*/
				line-height: 30px;
			}
			
			.nav .nav-item,
			.topnar-fl {
				color: #646464;
				float: left;
			}
			
			.nav {
				list-style-type: none;
			}
			
			.topbar-fr {
				float: right;
			}
			
			a {
				text-decoration: none;
			}
			
			.nav a {
				margin-right: 25px;
				color: #646464;
			}
			/*top   头部登录*/
			
			.header .logo {
				float: left;
				height: 63px;
				width: 309px;
				background-size: contain;
				background-repeat: no-repeat;
				background-image: url(img/shouye/logo.png);
			}
			
			.header form {
				float: left;
				text-align: center;
				min-width: 800px;
				margin-top: 14px;
			}
			
			.header form input {
				font-size: 16px;
				text-indent: 5px;
				height: 36px;
				border: 2px solid #CC3333;
				outline: none;
				width: 390px;
			}
			
			.search_xiao {
				color: white;
				position: relative;
				font-size: 26px;
				left: -5px;
				top: 5px;
				line-height: 40px;
				width: 40px;
				display: inline-block;
				background-color: #CC3333;
			}
			
			.search_xiao:hover {
				cursor: pointer;
			}
			
			.header .menu-nav {
				text-align: center;
				border-bottom: 2px solid #CC3333;
				position: relative;
			}
			
			.header .menu-nav a {
				font-size: 20px;
				font-weight: bold;
				color: black;
				line-height: 50px;
				width: 140px;
				display: inline-block;
				border-left: 2px solid transparent;
				border-right: 2px solid transparent;
				border-top: 2px solid transparent;
				border-bottom: 2px solid transparent;
			}
			
			.header .menu-nav a:hover {
				color: #CC3333;
			}
			
			.header .menu-nav .downlist {
				position: absolute;
				background-color: white;
				top: 52px;
				padding: 5px;
				width: 100%;
				z-index: 10;
				border: 1px solid #D2D2D2;
				box-shadow: 0px 1px 2px 0px #E7E1CD;
				border-top: 2px solid #CC3333;
				display: none;
			}
			
			.header .menu-nav a:nth-child(5).hover {
				position: relative;
				z-index: 11;
				background-color: white;
				border-left: 2px solid #CC3333;
				border-right: 2px solid #CC3333;
				border-top: 2px solid #CC3333;
				border-bottom: 2px solid white;
			}
			
			.header .menu-nav a.active {
				color: #CC3333;
			}
			
			.header .menu-nav .downlist_item {
				width: 225px;
				display: inline-block;
				border: 1px dashed #D2D2D2;
			}
			
			.header .menu-nav .downlist_item a {
				display: block;
				width: 100%;
			}
			
			.header .menu-nav .downlist_item span {
				color: #646464;
				font-size: 12px;
			}
			
			#footer {
				text-align: center;
				position: relative;
			}
			
			#footer .footerimg {
				min-width: 868px;
				height: 62px;
				background-color: #CC3333;
			}
			
			#footer #bottom_list {
				position: relative;
				overflow: hidden;
			}
			
			#footer .dl {
				width: 300px;
				float: left;
				font-size: 14px;
			}
			
			#footer .dl .dt {
				margin-top: 10px;
				font-weight: bold;
				color: #666666;
			}
			
			#copywrite,
			#footer .matou-intro a,
			#footer .dl li>a {
				color: #999999;
			}
			
			#footer .matou-intro a:hover,
			#footer .dl li>a:hover {
				color: #1F7DD8;
			}
			
			#footer .matou-intro {
				border-top: 1px solid #DDDDDD;
				border-bottom: 1px solid #DDDDDD;
			}
			
			#footer .matou-intro a {
				display: inline-block;
				margin-left: 10px;
				font-weight: bold;
				font-size: 14px;
			}
			
			#footer #copywrite a {
				color: #666666;
			}
			
			#footer #copywrite a:hover {
				color: red;
			}
			/*中部*/
			
			.toutu {
				width: 100%;
				min-width: 1200px;
			}
			
			.main {
				min-width: 1300px;
				margin: auto;
			}
			
			#div0 {
				width: 100%;
				height: 85px;
				/*border: 1px solid;*/
				background-color: #383838;
				margin-top: -5px;
			}
			
			#div0 div {
				height: 110px;
				width: 1100px;
				margin: auto;
			}
			
			#div0 p {
				width: 350px;
				height: 50px;
				float: left;
				/*border: 1px solid;*/
				text-align: center;
				padding-top: 22px;
				background-color: #383838;
				color: #969593;
				font-weight: bold;
				cursor: pointer;
			}
			/*变色*/
			
			#div0 .yangs {
				color: white;
				padding-top: 30px;
				background-color: #121212;
				border-bottom: 6px solid #CC3333;
			}
			
			#div0 .yangs strong {
				color: red;
				font-size: 20px;
			}
			
			.div1 {
				width: 100%;
				height: 650px;
				position: relative;
				/*border: 5px solid;*/
			}
			
			.div1 .beijin {
				margin: 80px auto;
				width: 1200px;
				height: 304px;
				/*border: 1px solid;*/
				background-image: url(img/Downloads/2c3e660a188e0852c1cd2101501535d1.png);
			}
			
			.div1 .div1-1 {
				position: absolute;
				width: 251px;
				height: 47px;
				/*border: 1px solid;*/
				font-size: 35px;
				font-weight: bold;
				/*margin-top: 5px;*/
				color: #666666;
				background-color: #F1F1F1;
			}
			
			.div1 .div1-1:hover {
				color: #CC3333;
			}
			
			.div1 .img3 {
				position: absolute;
				right: 0px;
				margin-top: 2px;
			}
			
			.juz {
				position: relative;
				/*position: absolute;*/
				margin: auto;
				width: 405px;
				/*border: 1px solid;*/
				margin-top: -430px;
				left: -407px;
			}
			
			.div1 .img4 {
				width: 940px;
				height: 545px;
			}
			
			.kuang {
				width: 900px;
				height: 500px;
				/*border: 2px solid;*/
				margin: auto;
			}
			
			.div2 {
				width: 800px;
				height: 400px;
				/*border: 1px solid;*/
				background-color: white;
				margin: -460px auto;
			}
			
			.div2 .div2-img {
				height: 350px;
			}
			
			.div2 .div2-1 {
				margin-top: -350px;
				margin-left: 430px;
			}
			
			.div2 .div2-1 img {
				vertical-align: middle;
			}
			
			.div2 .div2-1 p:first-child {
				font-size: 25px;
				color: #8D7E7D;
			}
			
			.div2 .div2-1 p:nth-child(2) {
				font-size: 25px;
				color: #383838;
				font-weight: bold;
				line-height: 60px;
			}
			
			.div2 .div2-1 p:nth-child(3) {
				color: #8D7E7D;
				font-weight: bold;
				font-size: 25px;
				line-height: 85px;
			}
			
			.div2 .div2-1 p:nth-child(4) {
				color: #CC3333;
				font-weight: bold;
				font-size: 25px
			}
			
			.div2 .div2-1 p:nth-child(3) span {
				text-decoration: line-through;
			}
			
			.div2 .div2-1 p:nth-child(4) span {
				font-size: 40px
			}
			
			.div2 .div2-1 p:last-child {
				width: 290px;
				height: 70px;
				background-color: #CC3333;
				border-radius: 5px;
				text-align: center;
				line-height: 65px;
				color: white;
				font-weight: bold;
				font-size: 30px;
				margin-top: 30px;
			}
			
			.div2 .div2-1 p a {
				text-decoration: none;
				color: white;
			}
			
			.shijian {
				text-align: center;
				margin: 0px auto;
				font-size: 30px;
				font-weight: bold;
				color: #646464;
				margin-top: 60px;
			}
			
			.shijian span {
				width: 100px;
				height: 100px;
				border-radius: 5px;
				background-color: #646464;
				text-align: center;
				line-height: 50px;
				color: white;
				font-weight: bold;
				font-size: 50px
			}
			
			.gengduosp {
				width: 1200px;
				height: 400px;
				margin: auto;
				margin-bottom: 20px;
				/*border: 1px solid;*/
			}
			
			.gengduosp li {
				width: 230px;
				height: 380px;
				border: 1px solid #E8E8E8;
				text-align: center;
				padding-top: 10px;
				float: left;
				margin-left: 8px;
			}
			
			.gengduosp li img {
				width: 210px;
				height: 230px;
			}
			
			.gengduosp img:hover {
				overflow: hidden;
				cursor: pointer;
				transform: scale(1.05);
				transition: 0.5s;
			}
			
			.gengduosp p {
				color: #717B95;
				padding-bottom: 25px;
				font-weight: bold;
				margin-top: 20px;
				padding-left: 5px;
				text-overflow: ellipsis;
				white-space:nowrap;
				overflow: hidden;
			}
			
			.gengduosp li a {
				margin-left: 40px;
				background-color: #CC3333;
				color: white;
				font-size: 20px;
				text-decoration: none;
				border-radius: 5px;
				padding: 10px;
			}
			
			.gengduosp span {
				color: #CC3333;
				font-weight: bold;
				font-size: 20px
			}
			
			.gengduosp li :last-child {
				width: 210px;
				height: 370px;
				margin-top: -10px;
				padding: 10px;
			}
		</style>
	</head>

	<body>
		<div id="main">
			<div id="topbar_xiao" class="f12">
				<div class="inner_xiao">
					<div class="topnar-fl">
						Hi，欢迎来到洋码头！
					</div>
					<ul class="nav topbar-fr">
						<li class="nav-item">
							<a href="denglu_dj.html"><span class="title">登录</span></a>
						</li>
						<li class="nav-item">
							<a href="zhuce.html"><span class="title">注册</span></a>
						</li>
						<li class="nav-item">
							<a href="gouwuche.html"><span class="title">购物车</span></a>
						</li>
						<li class="nav-item">
							<a href="mycenter_xiaohaibin.html"><span class="title">我的订单</span></a>
						</li>
						<li class="nav-item">
							<a href="gerenzhongxin.html" class="downmenu"><span class="title">个人中心</span>
								<!--<i class="arrow-bt"></i>--></a>
						</li>
						<li class="nav-item">
							<a href="bangzhuzhongxin.html"><span class="title">帮助中心</span></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="header global-wrap">
				<div class="inner_xiao">
					<div class="header-search clearfix">
						<h1 class="logo"><a href="index.html" target="_blank" title="首页"></a></h1>
						<form action="">
							<input name="" value="" type="text">
							<span class="search_xiao Hui-iconfont Hui-iconfont-search1"></span>
						</form>
					</div>
					<!--<div style="width: 100%;height: 1px;overflow: hidden"></div>-->
					<div class="menu-nav">
						<a href="index.html" class="active" id="index-tab" title="首页">首页</a>
						<a href="xsq.html" class="" title="今日限时抢">今日限时抢</a>
						<a href="yanghuoji.html" id="ymt-bt" class="" title="靓包">靓包</a>
						<div class="downlist">
							<div class="downlist_item">

								<div>
									<p>
										<a href="fenleizhanshi.html?leibie=stb">手提包<i class="Hui-iconfont">&#xe6d7;</i></a>
									</p>
									<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
								</div>
								<a href="fenleizhanshi.html?leibie=stb">
									<img src="img/shouye/CgvUBVhPX-6ADiL7AAKqDYLidwA967_1_1_n_w_l-w370.jpeg" />
								</a>
							</div>
							<div class="downlist_item">
								<div>
									<p>
										<a href="fenleizhanshi.html?leibie=djb">单肩包<i class="Hui-iconfont">&#xe6d7;</i></a>
									</p>
									<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
								</div>
								<a href="fenleizhanshi.html?leibie=djb">
									<img src="img/shouye/CgvUBFhdNqGAUrUKAAU87ZHpHtc916_5_6_n_w_l-w366.jpeg" />
								</a>
							</div>
							<div class="downlist_item">
								<div>
									<p>
										<a href="fenleizhanshi.html?leibie=qb">钱包<i class="Hui-iconfont">&#xe6d7;</i></a>
									</p>
									<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
								</div>
								<a href="fenleizhanshi.html?leibie=qb">
									<img src="img/shouye/CgvUA1gk5PSAahWlAAJYBiy0sPo457_1_1_n_w_l-w300.jpeg" />
								</a>
							</div>
							<div class="downlist_item">
								<div>
									<p>
										<a href="fenleizhanshi.html?leibie=kb">挎包<i class="Hui-iconfont">&#xe6d7;</i></a>
									</p>
									<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
								</div>
								<a href="fenleizhanshi.html?leibie=kb">
									<img src="img/shouye/CgvUA1gxL4-AHVbJAAMhoF1EIoo158_200_209_n_w_l-w303.jpeg" />
								</a>
							</div>
							<div class="downlist_item">
								<div>
									<p>
										<a href="fenleizhanshi.html?leibie=bb">背包<i class="Hui-iconfont">&#xe6d7;</i></a>
									</p>
									<p><span>Gucci</span>&nbsp;<span>Coach</span></p>
								</div>
								<a href="fenleizhanshi.html?leibie=bb">
									<img src="img/shouye/CgvUA1glQ6SAQhXhAAC6h0aSwhI976_116_125_n_w_l-w335.jpeg" />
								</a>
							</div>
						</div>
						<a href="fenlei.html" id="categoryMenu" title="分类" class="">分类 <i class="Hui-iconfont">&#xe6d5;</i></a>
						<!--<hr color="#CC3333" style="position: ;"/>-->
					</div>
				</div>
			</div>
			<!--中部-->
			<div>
				<img class="toutu" src="img/Downloads/5ffe36264b8a03bbd0f4e32e68c0b780.jpg" />
			</div>
			<div id="div0">
				<div>
					<p>20:00<br>已结束</p>
					<p class="yangs">08:00 <br><strong>抢购中</strong></p>
					<p>14:00<br>即将开始</p>
				</div>
			</div>
			<div class="div1">
				<div class="beijin"></div>
				<div class="juz">
					<img class="img2" src="img/Downloads/2572acccf6de505a80563ea12e659154.png" />
					<a href="" class="div1-1">Coach短款钱包</a>
					<img class="img3" src="img/Downloads/0efade6319dbea0e78c31ed415457ccd.png" />
				</div>

				<div class="kuang"><img class="img4" src="img/Downloads/3b61e50b9bc8025f1d89caade5e98014.png" /></div>
				<!--钱包立即购买-->
				<div class="div2"><img class="div2-img" src="img/Downloads/CgvUBVib-xaAD3lJAAKlk2i0csY229_80_107_n_w_lb.jpg" />

					<div class="div2-1">
						<p><img src="img/Downloads/America.png" /> 美国</p>
						<p>Coach短款钱包</p>
						<p>原价 <span>￥899</span></p>
						<p>限时价￥<span>399</span></p>
						<p><a href="">立即购买</a></p>
					</div>
					<div class="shijian">距离结束
						<span>00</span>
						<strong>:</strong>
						<span class="fen">59</span>
						<strong>:</strong>
						<span class="miao">59</span>
					</div>
				</div>

			</div>
			<div id="div1">
				<div class="gengduosp">
					<ul>
						<li><img src="img/Downloads/CgvUBVhjTwyAT5RwAATSGpGlObw059_800_1067_n_w_lb.jpg">
							<p>韩国皮质双拉链肩包的进卡拉打开的金卡</p><span>￥218.00</span><a href="">立即购买</a></li>
						<li><img src="img/Downloads/CgvUA1h1u9aADbedAAK0RPBTBhg298_857_800_n_w_lb.jpg">
							<p>韩国皮质双拉链肩包的进卡拉打开的金卡</p><span>￥218.00</span><a href="">立即购买</a></li>
						<li><img src="img/yanghuo/CgvUA1hbfF2AHuC2AAKB2QHWi-k740_800_1067_n_w_l.jpg">
							<p>韩国皮质双拉链肩包的进卡拉打开的金卡</p><span>￥218.00</span><a href="">立即购买</a></li>
						<li><img src="img/Downloads/CgvUBFgjH-iAFwvwAAN78tBZrQc972_800_1067_n_w_lb.jpg">
							<p>韩国皮质双拉链肩包的进卡拉打开的金卡</p><span>￥218.00</span><a href="">立即购买</a></li>
						<li><img src="img/Downloads/85a11d78c39ffc525510f0d2b1836d4f.png">
						</li>
					</ul>
				</div>

				<!--第二部分-->

				<div class="div1">
					<div class="beijin"></div>
					<div class="juz">
						<img class="img2" src="img/Downloads/2572acccf6de505a80563ea12e659154.png" />
						<a href="" class="div1-1">Coach单肩包</a>
						<img class="img3" src="img/Downloads/0efade6319dbea0e78c31ed415457ccd.png" />
					</div>

					<div class="kuang"><img class="img4" src="img/Downloads/3b61e50b9bc8025f1d89caade5e98014.png" /></div>
					<!--钱包立即购买-->
					<div class="div2"><img class="div2-img" src="img/yanghuo/CgvUBVh7F7SAa3lbAAIFMHoSs-Q607_819_800_n_w_l.jpg" />

						<div class="div2-1">
							<p><img src="img/Downloads/America.png" /> 美国</p>
							<p>Coach单肩包</p>
							<p>原价 <span>￥899</span></p>
							<p>限时价￥<span>399</span></p>
							<p><a href="">立即购买</a></p>
						</div>
						<div class="shijian">距离结束
							<span>00</span>
							<strong>:</strong>
							<span class="fen">59</span>
							<strong>:</strong>
							<span class="miao">59</span>
						</div>
					</div>
				</div>
				<div class="gengduosp">
					<ul>
						<li><img src="img/yanghuo/CgvUA1ePRUqAdYImAAFYc-4wuTc820_n_w_l.jpg">
							<p>韩国皮质双拉链肩包的进卡拉打开的金卡</p><span>￥218.00</span><a href="">立即购买</a></li>
						<li><img src="img/yanghuo/CgvUA1i8w7qABr9JAAaY7gjAVkM045_1_1_n_w_l.jpg">
							<p>韩国皮质双拉链肩包的进卡拉打开的金卡</p><span>￥218.00</span><a href="">立即购买</a></li>
						<li><img src="img/yanghuo/CgvUA1i__HuADx4RAAKZikLRB7s626_80_107_n_w_l.jpg">
							<p>韩国皮质双拉链肩包的进卡拉打开的金卡</p><span>￥218.00</span><a href="">立即购买</a></li>
						<li><img src="img/yanghuo/CgvUA1i_Q4eAChLNAAPdLLEB4Gk127_80_107_n_w_l.jpg">
							<p>韩国皮质双拉链肩包的进卡拉打开的金卡</p><span>￥218.00</span><a href="">立即购买</a></li>
						<li><img src="img/Downloads/85a11d78c39ffc525510f0d2b1836d4f.png">
						</li>
					</ul>
				</div>

				<!--尾部-->
				<div id="footer">
					<div class="inner_xiao footerimg" style="padding:10px 0;height:80px">
						<a href="" target="_blank">
							<img src="img/shouye/footer_hengtiao-w400.png">
						</a>
					</div>
					<div class="area">
						<div id="bottom_list" class="bottom_list">
							<ul class="dl">
								<li class="dt">购物指南</li>
								<li>
									<a href="" target="_blank" rel="nofollow">注册与登录</a>
								</li>
								<li>
									<a href="" target="_blank" rel="nofollow">账户信息维护</a>
								</li>
								<li>
									<a href="" target="_blank" rel="nofollow">购物流程</a>
								</li>
								<li>
									<a href="" target="_blank" rel="nofollow">会员体系</a>
								</li>
								<li>
									<a href="" target="_blank" rel="nofollow">常见问题</a>
								</li>
							</ul>
							<ul class="dl">
								<li class="dt">订单服务</li>
								<li>
									<a href="" target="_blank" rel="nofollow">订单状态说明</a>
								</li>
								<li>
									<a href="" target="_blank" rel="nofollow">自动取消订单</a>
								</li>
								<li>
									<a href="" target="_blank" rel="nofollow">上传身份证</a>
								</li>
							</ul>
							<ul class="dl">
								<li class="dt">支付与配送</li>
								<li>
									<a href="" target="_blank" rel="nofollow">支付方式</a>
								</li>
								<li>
									<a href="" target="_blank" rel="nofollow">优惠券和红包</a>
								</li>
								<li>
									<a href="" target="_blank" rel="nofollow">如何提现</a>
								</li>
								<li>
									<a href="" target="_blank" rel="nofollow">配送方式</a>
								</li>
							</ul>
							<ul class="dl">
								<li class="dt">售后服务</li>
								<li>
									<a href="" target="_blank">消费维权</a>
								</li>
								<li>
									<a href="" target="_blank">纠纷处理规则</a>
								</li>
								<li>
									<a href="" target="_blank">退货规则</a>
								</li>
							</ul>

						</div>
						<div class="matou-intro">
							<a href="" target="_blank" rel="nofollow">关于码头</a>
							<a href="" target="_blank" rel="nofollow">码头招聘</a>
							<a href="" target="_blank" rel="nofollow">网站地图</a>
							<a href="" target="_blank" rel="nofollow">会员体系</a>
							<a href="" target="_blank" rel="nofollow">所有帮助</a>
							<a href="" target="_blank" rel="nofollow">海外招商中心</a>
							<a href="" target="_blank" rel="nofollow">扫货买手规则</a>
							<a class="last" href="" target="_blank" rel="nofollow">卖家常见问题</a>
						</div>
						<div id="copywrite" class="f14">
							© 2009－2018 ymatou.com, All rights reserved 增值电信业务经营许可证：沪B2-20140021
							<font color="white">17 </font>
							<br>
							<a href="" target="_blank">上海洋码头网络技术有限公司 版权所有 备案号（ 沪ICP备11050082号 ）</a>
							<br>上海市灵石路695号3号楼1404室
						</div>
						<div class="friendLinks2">
							<div class="friendLinks" style="float: left;width: 66px;">
								<a class="linkitem icon-gongshang" target="_blank" href="" target="_blank" rel="nofollow"></a>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/av-min-2.1.2.js" ></script>
	<script type="text/javascript" src="js/init.js" ></script>
	<script type="text/javascript" src="js/xianshiq.js" ></script>
	<script type="text/javascript">
		(function() {
			var $Menu = $("#categoryMenu");
			var $downlist = $(".downlist");
			$Menu.mouseover(function() {
				$downlist.css("display", "block");
				$Menu.children(0).html("&#xe6d6;");
				$Menu.addClass("hover");
			}).mouseout(function() {
				$downlist.css("display", "none");
				$Menu.children(0).html("&#xe6d5;");
				$Menu.removeClass("hover");
			});
			$downlist.mouseover(function() {
				$Menu.mouseover();
			}).mouseout(function() {
				$downlist.css("display", "none");
				$Menu.children(0).html("&#xe6d5;");
				$Menu.removeClass("hover");
			});
			//抢购表切换
			$("#div0 p").click(function() {
				$(this).addClass("yangs");
				$(this).prevUntil().removeClass("yangs"); //刪除前面样式
				$(this).nextAll().removeClass("yangs"); //删除后面样式
			})
		})();
		//倒计时
		window.onload = function() {
			var $fen = $('.fen');
			var $miao = $('.miao');
			var i = 59;
			var b = 59;
			setInterval(function() {
				if (i > 0) {
					i -= 1;
					$miao.html(i >= 10 ? i : "0" + i);
					if (i == 0) {
						i = 60;
						b -= 1;
						$fen.html(b);
					}
				}
			}, 1000);
		}
	</script>

</html>